<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Explore Trusted Information & Timely Updates at InfotoPlaza</title>
    <meta name="keywords" content="Health, Auto, Lifestyle, Travel, Fashion, Auto, InfotoPlaza">
    <meta name="description"
        content="Get expert information on health, technology, business, and more at InfotoPlaza. Stay informed with reliable updates on what matters most.">
    <link href="https://infotoplaza.com/information/css/layui.min.css " rel="stylesheet">
    <link rel="shortcut icon" href="https://infotoplaza.com/information/assets/favicon.ico">
    <link rel="stylesheet" href="https://infotoplaza.com/information/css/reset.css">
    <link rel="stylesheet" href="https://infotoplaza.com/information/css/public.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header class="header">
        <div class="wrap">
            <div class="main-header">
                <div class="menuBtn">
                    <img src="https://infotoplaza.com/information/assets/menu.png" alt>
                </div>
                <nav class="nav" aria-label="Site Menu">
                    <a class="logo-is-image logo-link" href="https://infotoplaza.com/information/" rel="home"
                        title="Infotoplaza">
                        <h1>
                            <img alt="Infotoplaza" class="logo-image"
                                src="https://infotoplaza.com/information/assets/logo.jpg"
                                srcset="https://infotoplaza.com/information/assets/logo.jpg ../assets/logo.jpg 2x">
                        </h1>
                    </a>
                    <ul id="menu-primary-menu-english" class="nav__list">
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/travel/">Travel</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/health/">Health</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/lifeStyle/">LifeStyle</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/finance/">Finance</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/auto/">Auto</a>
                        </li>
                        <li id="menu-item-125" class="menu-item">
                            <a class="nav__link" target="_parent"
                                href="https://infotoplaza.com/information/category/fashion/">Fashion</a>
                        </li>
                    </ul>
                </nav>
                <nav class="mobileNav">
                    <div class="navContent">
                        <img src="https://infotoplaza.com/information/assets/close.png" alt class="closeBtn">
                        <a class="logo-is-image logo-link" href="https://infotoplaza.com/information/" rel="home"
                            title="Infotoplaza">
                            <h1>
                                <img alt="Infotoplaza" class="logo-image"
                                    src="https://infotoplaza.com/information/assets/logo.jpg"
                                    srcset="https://infotoplaza.com/information/assets/logo.jpg ../assets/logo.jpg 2x">
                            </h1>
                        </a>
                        <ul id="menu-primary-menu-english" class="nav__list">
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/travel/">Travel</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/health/">Health</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/lifeStyle/">LifeStyle</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/finance/">Finance</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/auto/">Auto</a>
                            </li>
                            <li id="menu-item-125" class="menu-item">
                                <a class="nav__link" target="_parent"
                                    href="https://infotoplaza.com/information/category/fashion/">Fashion</a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <div class="navMask"></div>

                <div class="searchBox">
                    <input type="text" placeholder="Search..." class="layui-input">
                    <img src="https://infotoplaza.com/information/assets/Search.png" alt="" class="searchIcon">
                </div>
            </div>

        </div>

    </header>

    <div class="aboutUs">
        <main class="content_box wrap">
            <div class="articleContent">
                <div class="articlDetail">
                    <h1>About Us</h1>
                    <p>Infotoplaza.com aims to provide factual and relevant information across a variety of topics.</p>
                    <h2>Our Process</h2>
                    <p>Our goal is to deliver the highest quality content to our readers. We always strive to provide
                        you with the most accurate and useful facts across a variety of topics. While we may update or
                        edit some articles after they are published, our general editorial process is as follows:</p>
                    <ul>
                        <li>
                            Staff or freelance writers will thoroughly research a topic, write it, and submit it to the
                            Manager Editor.
                        </li>
                        <li>
                            The Managing Editor will review the article for any spelling, grammatical, or obvious
                            factual errors.
                        </li>
                        <li>
                            On relevant articles, the content will be further reviewed by someone from our team of
                            experts.
                        </li>
                        <li>
                            The content will then be published, along with a label of which expert reviewed it (if
                            applicable).

                        </li>
                    </ul>
                </div>
            </div>
            <div class="aside">
                <section class="relatedPosts">
                  
                </section>
                <div class="AFC">
                    AD
                </div>
            </div>
        </main>

    </div>
    <footer class="copyRight">
        <div class="wrap">
            <ul class="links">
                <li><a href="https://infotoplaza.com/information/">Home</a></li>
                <li><a href="https://infotoplaza.com/information/aboutUs/">ABOUT US</a></li>
                <li><a href="https://infotoplaza.com/information/term_of_us/">TERMS OF USE</a></li>
                <li><a href="https://infotoplaza.com/information/privacy_policy/">PRIVACY POLICY</a></li>
                <li><a href="https://infotoplaza.com/information/contactUs/">CONTACT US</a></li>
            </ul>
            <br>
            <br>
            <p>
                © 2024 Finfotoplaza.com
            </p>
            <br>
            <strong>Disclaimer</strong>
            <br>
            <div class="descption">
                The content available on this website, including text, graphics, images, and information, is provided
                only for general informational purposes. The materials and details on these pages, along with any terms,
                conditions, or descriptions, are subject to change without prior notice.
            </div>
        </div>
    </footer>
    <script src="../utils/jquery.js"></script>

    <script type="module">
        import {articleData} from '../utils/common.js'


        // 今日推荐
       let todaysList = articleData['todays']
        let relatedStr = `<div class="categoryTitle">
                    <h2 class="heading">
                        Related Articles
                    </h2>
                </div>`
        todaysList.map(item => {
            relatedStr += `  <article class="post subPosts">
                    <div class="media">
                        <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}" title="${item.newsTitle}">
                            <div class="bgImg bgBox4 lazyloaded"
                                data-bgset="${item.imgUrl} 300w, ${item.imgUrl} 707w, ${item.imgUrl} 768w, ${item.imgUrl} 150w, ${item.imgUrl} 450w, ${item.imgUrl} 1000w"
                                data-bgsrc="${item.imgUrl}"
                                data-sizes="(max-width: 135px) 100vw, 135px"
                                style="background-image: url(&quot;${item.imgUrl}&quot;);">
                            </div>
                        </a>
                    </div>
                    <div class="postsText">
                        <h4 class="postsTitle">
                            <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}">
                                <a href="https://infotoplaza.com/information/detail/${item.classfy}/${item.articleName}">
                                   ${item.newsTitle}
                                </a>
                            </a>
                        </h4>
                          <time datetime="${item.publicTime}">${item.publicTime}</time>
                    </div>
                </article>`
        })

        $('.relatedPosts').html(relatedStr)
        let befortop = 0;
       //监听滚动条事件
       function callBack() {
           let aftertop = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;//兼容
           if (aftertop - befortop > 0) {
               document.querySelector('.header').style.marginTop = '-60px'
               console.log('向下');
           } else {
               if (aftertop >= 50) {
                   document.querySelector('.header').style.marginTop = '-3px'
               }
               console.log('向上');
           }
           befortop = aftertop;
       }

       let timeout = null,
           startTime = Date.parse(new Date); // 开始时间
       window.addEventListener('scroll', function () {
           if (timeout !== null) clearTimeout(timeout);
           let curTime = Date.parse(new Date); // 当前时间
           if (curTime - startTime >= 1000) { // 时间差>=1秒直接执行
               callBack();
               startTime = curTime;
           } else { // 否则延时执行，像滚动了一下，差值<1秒的那种也要执行
               timeout = setTimeout(callBack(), 300);
           }
       });

    // 搜索
    const input = document.querySelector('.layui-input')
        input.onkeyup = function (event) {
        let e = event || window.event;
        if (e && e.keyCode == 13) { //回车键的键值为13
            location.href = `https://infotoplaza.com/information/search/?key=` + input.value
        }
        }

       function bodyScroll(event) {
           event.preventDefault();
       }

       function scrControl(t) {
           if (t == 0) { //禁止滚动
               document.body.addEventListener('touchmove', bodyScroll, {passive: false});
           } else if (t == 1) { //开启滚动
               document.body.removeEventListener('touchmove', bodyScroll, {passive: false});
           }
       }

       $('.menuBtn').on('click', function () {
           $('.mobileNav').css('transform', 'translateX(0)');
           $('.navMask').css('opacity', '1');
           $('.navMask').css('z-index', '1');
           $('.navMask').css('display', 'block');

           scrControl(0)
       })
       $('.closeBtn').on('click', function () {
           $('.mobileNav').css('transform', 'translateX(-100%)');
           $('.navMask').css('opacity', '0');
           $('.navMask').css('z-index', '-1');
           $('.navMask').css('display', 'none');
           scrControl(1)
       })


   </script>
</body>
</html>